<style>
#div1 { margin:0px auto; width:500px; height:370px ; text-align:center; background:url(/jscss/demoimg/wall3.jpg);}
#div2 {  height:330px; filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;z-index:100; background-color:#ffffff;  }

.contentBox
{
	height: 190px;
	width: 144px;
	
	margin: 0px 0px 0px 12px;
	padding: 0px;
	
	float: left;
}

.contentBox .contentImg
{
	width: inherit;
	height: 144px;
	
/*	border: 1px solid #ddd;*/
	
	margin: 0px;
	padding: 0px;
	
}
.contentBox .contentImg .img
{
	margin: 3px 0px 0px 3px;
	padding: 0px;
}

.contentBox .contentText
{
	height: 40px;
	width: inherit;
	
	line-height:16px;
	text-align: center;
	
	margin: 5px 0px 0px 0px;
	padding: 0px;
	
	float: left;
}

#bd_t_t {
	width:190px;
	height:30px;
	position:relative;
	margin-top:-50px;
	text-align:center;
	padding:10px 5px;
	z-index:999;
}
#bd_t_b {
	width:190px;
	height:30px;
	position:relative;
	margin-top:-50px;
	background:#FCF;
	text-align:center;
	padding:10px 5px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.contentBox .imgCount {
	width:136px;
	height:18px;
	position:relative;
	margin-top:-30px;
	text-align:center;
	
	padding:10px 5px;
	z-index:999;
}
.contentBox .imgCountBg {
	width:136px;
	height:12px;
	position:relative;
	margin:-37px 0px 0px 2px;
	background:#959595;
	text-align:center;
	padding:10px 5px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
</style>



<div class="contentBox">
	<div class="contentImg">
        <a title="" href=""  rel="nofollow" target="_blank">
            <img src="http://localhost:8083/img/content/144/144/407/5b635Zu95aSp6bmF5aCh.jpeg" width=144 height=144  class="img"	border="0"  />
	    </a>
     </div>
     <div class="imgCount"> <span style="color: #ffffff;">共203张</span></div>
    <div class="imgCountBg"></div>
    
     <div class="contentText font11">
       name <br> 
       <div class="font9">100<span style="margin:0px 1px 0px 1px">x</span>100</div>
     </div>
</div>